
#app{
    position:fixed;
    top:0;
    left:0;
}

.nearbyContent{
    height:100%;
    width:100%;
    position:relative;
}


.mapPart{
    width:100%;
    height:35%;
    position:relative;
    #mapContainer{
        width:100%;
        height:115%;//为了掩藏
    }
    .searchInput{
        width:21.875rem;
        height:2.5rem;
        background:#fff;
        position:absolute;
        top:0;
        left:0;
        right:0;
        margin:10px auto;
        box-shadow:0 0 0.3125rem 0 rgba(0,0,0,.2);
        border-radius:1.5625rem;
        .dingweiImg{
            display:inline-block;
            height:2.5rem;
            width:3rem;
            text-align:center;
            vertical-align:top;
            img{
                width:1.125rem;
                height:1.125rem;
                margin-top:0.625rem;
            }
            
        }
        .searchImg{
            display:inline-block;
            height:2.5rem;
            width:3rem;
            text-align:center;
           
            img{
                width:1.75rem;
                height:1.75rem;
                margin-top:0.4rem;
            }
        }
        input{
            width:15rem;
            height:2.5rem;
            outline:none;
            vertical-align:top;
        }
    }
}
.nearbyShopPart{
    padding:1.25rem;
    width:100%;
    height:65%;
    position:absolute;
    bottom:0;
    left:0;
    overflow-y:scroll;
    box-shadow:0 0 0.3125rem 0 rgba(0,0,0,.2);
    //border-radius:5px;
    background:#fff;
    border-top-left-radius:0.625rem;
    border-top-right-radius:0.625rem;
    .noShopList{
        width:11.9375rem;
        height:13.5rem;
        display:block;
        margin:1.875rem auto;
    }
    .nearbyShopPart-list{
        width:100%;
        height:7.5rem;
        border-radius:0.25rem;
        border-radius:0.25rem;
        box-shadow:0 0 0.3125rem 0 rgba(0,0,0,.2);
        margin-bottom:10px;
        .imgBox{
            width:35%;
            height:100%;
            img{
                width:100%;
                height:100%;
                object-fit:cover
            }
        }
        .nearbyShop-des{
            width:65%;
            height:100%;
            padding:0.3125rem;
            .nearbyShop-des-head{
                line-height:1.875rem;
                h3{
                    width:70%;
                    font-weight:bold;
                    color:#000000;
                    font-size:0.875rem;
                    
                }
                div{
                    width:30%;
                    text-align:right;
                    span{
                        display:inline-block;
                        width:1px;
                        height:1.375rem;
                        background:#ccc;
                        vertical-align:middle;
                        margin:0 0.3125rem;
                    }
                    img{
                        width:1.125rem;
                        height:1.125rem;
                        vertical-align:middle;
                    }
                }
            }
            p{
                width:100%;
                line-height:2.5rem;
            }
        }
    }
}

.BoxMask{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,.6);
    z-index:1000;
    .centerBox{
        width:18.3125rem;
        height:10rem;
        background:#fff;
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        padding-top: 0.625rem;
        p{
            line-height:3rem;
            padding-left:1.25rem;
            color:#333333;
            font-size:1rem;
        }
    }
}